@import './common';

page{
	background: #1F1F1F;
}
.backgroundImage{
	width: 100%;
	height: 509rpx;
	background: #000;
}

/* 我的邀请记录 */
.invitedRecord{
	margin: 33rpx 24rpx 0;
	height: 220rpx;
	background: #2D2D2D;
	padding: 0 22rpx;
	position: relative;
}
.invitedRecordTitle{
	font-size: 26rpx;
	line-height:78rpx;
	text-align: center;
	color: #F8F6FA;
	border-bottom: 1rpx dashed #464449;
}
.invitedRecordContent{
	/* height: 120rpx; */
	/* background: #ddd; */
	display: flex;
	/* align-items: center; */
}
.invitedRecordLeft,.invitedRecordRight{
	flex-grow: 1;
	text-align: center;
	color: #FFD017;
	font-size: 56rpx;
	font-weight: bold;
	line-height: 1;
	padding-top: 15rpx;
}
.invitedRecordLine{
	width: 4rpx;
	height: 70rpx;
	background: #464449;
	margin-top: 35rpx;
}
.invitedRecordLeft .unit,.invitedRecordRight .unit{
	font-size: 30rpx;
}
.invitedDetail{
	font-size: 24rpx;
	color: #999;
	padding-top: 20rpx;

	.cell-icon{
		align-items:center;
		box-sizing:border-box; 	
		padding-right:setSize(10);
		margin-left: setSize(4);

		.icon{
			width: setSize(16);
			height: setSize(16);		
			display: inline-block;
			box-sizing:border-box; 
			border-right: setSize(3) solid #C7C7CC; 
			border-top: setSize(3) solid #C7C7CC;   
			transform: rotate(45deg); 
		}
	}

}

.circle{
	width: 30rpx;
	height: 30rpx;
	border-radius: 50%;
	background: #1F1F1F;
	position: absolute;
	top: 78rpx;
}
.circleLeft{
	left: 0;
	transform: translate(-50%,-50%);
}
.circleRight{
	right: 0;
	transform: translate(50%,-50%);
}


/* 活动规则 */
.activityRules{
	margin-top: 40rpx;
	padding: 24rpx 24rpx 200rpx;
}
.activityRulesTitle{
	text-align: center;
	color:  #F8F6FA;
	font-size: 26rpx;
	margin-bottom: 20rpx;
}
.activityRulesDetail{
	color: #999;
	font-size: 22rpx;
	line-height: 1.8;
}
.activityRulesDetail>view{
	margin-bottom: 10rpx;
}

/* 按钮 */
.btnGroup{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 180rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	background:linear-gradient(0deg,rgba(31,31,31,1) 40%,rgba(41,40,42,0));
	/* filter:blur(20px); */
}
.btnGroup>button{
	width: 300rpx;
	height: 84rpx;
	border-radius: 84rpx;
	background: #FFD017;
	color: #332F36;
	font-size: 34rpx;
}
